@charset "utf-8";

/* 注意：以下长度用em换算，1em=10px。特别注意文字大小，父子层级会继承，所以不要在div中定义字体大小，只能用span修改字体。
------------------------------------------------------------------------------------------------------ */

/* 全局样式
-------------------------------------------------------------- */
html,body,a,p,span,ul,img{ padding:0; margin:0; list-style:none; border:none; font-size:16px; font-family:"微软雅黑","Arial"; color:#666;}
p{line-height:25px;}
img{ border:none; vertical-align:middle;}
td{ vertical-align:center; font-size:13px;}
body{ background:#fff;}

h1,h2,h3,h4,h5,h6 { font-weight: bold; }

h1 { font-size: 3em; line-height: 1; margin:0; padding:0;}
h2 { font-size: 2em;  margin:0; padding:0;}
h3 { font-size: 1.5em; line-height: 1;  margin:0; padding:0;}
h4 { font-size: 1.2em; line-height: 1.25; margin:0; padding:0;}
h5 { font-size: 1em;  margin:0; padding:0;}
h6 { font-size: 1em; }

/* 页面基本元素
-------------------------------------------------------------- */
.color3{color:#333;}
/* 链接样式 */
a {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none; color:#a80908;}

/* 常用元素 */
.clear { clear:both; font-size:1px; line-height:0px; height:0px; }
.rad{color:#a80908;}
/* 层浮动 */
.left { float: left; }
.right{ float: right; }
.center { margin: 0 auto; }

/* 文字对齐 */
.tleft { text-align:left; }
.tright { text-align:right; }
.tcenter {text-align:center; }


* html,* html body /* 修正IE6振动bug */{background-image:url(about:blank);background-attachment:fixed;}


/* 头部
-------------------------------------------------------------- */

.header { margin: 0 auto;width:100%; background:url(../images/header_bg.jpg) repeat-y center;}
.nhead { width:1200px; margin:0 auto; height:100px;}
.logo { float:left; margin-top:23px;}
.yhead { float:right; padding-top:25px;}



.nav li { position: relative; }
.nav li > a { display: block; color: #333; line-height: 50px; height: 50px; overflow: hidden; text-align: center; }
.nav .m { position: relative; }
.nav .men { font-size: 16px; text-align: center; transition: 300ms; -webkit-transition: 300ms;}
.nav .mch { text-transform: uppercase; font-size: 16px; position: absolute; left: 0; right: 0; top: 27px; transform: translateY(5px); -webkit-transform: translateY(5px); opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; color:#a80908; }
.nav .nvc { margin-right: 326px; }
.nav li > a:hover .mch, .nav li > a.act .mch { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; }
.nav li > a:hover .men, .nav li > a.act .men { transform: translateY(-5px); -webkit-transform: translateY(-5px); opacity: 0; visibility: hidden; }
.nav li > a.act .mch { color: #b60007; }
.nav li.on > a .men { color: #b60007; }

.tnavbox { position: absolute; width: 122px; left: 50%; margin-left: -61px; top: 58px; height: 100px; padding-top: 17px; /*display:none;*/ }
.tnav { background: #fff; box-shadow: 0 0 16px -4px rgba(0,0,0,.3); padding: 20px 1px 18px 1px; transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; }
.tnav a { display: block; color: #666; line-height: 1.1; padding: 10px 0; transition: background 300ms; -webkit-transition: background 300ms; }
.tnavbox .line { z-index: 9; width: 20px; height: 4px; position: absolute; left: 50%; margin-left: -10px; top: 17px; background: #a2192b; transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; }
.tnav a:hover { background: #f4f4f4; color: #a2192b; }
.tnavbox.show .tnav, .tnavbox.show .line { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; }

.m_dh1{width:120px; height:28px; line-height:28px; background:url(../images/dh_1.png) center center no-repeat;}
.wsib a:hover .m .m_dh1{ height:28px;  background:url(../images/dh_11.png) center center no-repeat;}
.m_dh2{width:120px; height:28px; line-height:28px; background:url(../images/dh_2.png) center center no-repeat;}
.wsib a:hover .m .m_dh2{ height:28px;  background:url(../images/dh_22.png) center center no-repeat;}
.m_dh3{width:120px; height:28px; line-height:28px; background:url(../images/dh_3.png) center center no-repeat;}
.wsib a:hover .m .m_dh3{ height:28px;  background:url(../images/dh_33.png) center center no-repeat;}
.m_dh4{width:120px; height:28px; line-height:28px; background:url(../images/dh_4.png) center center no-repeat;}
.wsib a:hover .m .m_dh4{ height:28px;  background:url(../images/dh_44.png) center center no-repeat;}
.m_dh5{width:120px; height:28px; line-height:28px; background:url(../images/dh_5.png) center center no-repeat;}
.wsib a:hover .m .m_dh5{ height:28px;  background:url(../images/dh_55.png) center center no-repeat;}
.m_dh6{width:120px; height:28px; line-height:28px; background:url(../images/dh_8.png) center center no-repeat;}
.wsib a:hover .m .m_dh6{ height:28px;  background:url(../images/dh_88.png) center center no-repeat;}
.m_dh7{width:120px; height:28px; line-height:28px; background:url(../images/dh_6.png) center center no-repeat;}
.wsib a:hover .m .m_dh7{ height:28px;  background:url(../images/dh_66.png) center center no-repeat;}
.m_dh8{width:120px; height:28px; line-height:28px; background:url(../images/dh_7.png) center center no-repeat;}
.wsib a:hover .m .m_dh8{ height:28px;  background:url(../images/dh_77.png) center center no-repeat;}

.nav li.on > a .m .m_dh1{ background:url(../images/dh_11.png) center center no-repeat;}
.nav li.on > a .m .m_dh2{ background:url(../images/dh_22.png) center center no-repeat;}
.nav li.on > a .m .m_dh3{ background:url(../images/dh_33.png) center center no-repeat;}
.nav li.on > a .m .m_dh4{ background:url(../images/dh_44.png) center center no-repeat;}
.nav li.on > a .m .m_dh5{ background:url(../images/dh_55.png) center center no-repeat;}
.nav li.on > a .m .m_dh6{ background:url(../images/dh_88.png) center center no-repeat;}
.nav li.on > a .m .m_dh7{ background:url(../images/dh_66.png) center center no-repeat;}
.nav li.on > a .m .m_dh8{ background:url(../images/dh_77.png) center center no-repeat;}


/*banner*/
.fullwidthbanner-container {
	width: 100% !important;
	position: relative;
	padding: 0;
	max-height: 772px !important;
	overflow: hidden;
	margin-top: 100px;
}
.fullwidthbanner-container .fullwidthabnner {
	width: 100% !important;
	max-height: 770px !important;
	position: relative;
}
@media(max-width: 991px){
	.fullwidthbanner-container {
		top: 0px;
		margin-bottom: 0px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.banner,
	.bannercontainer {
		width: 768px;
		height: 309px;
	}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.banner,
	.bannercontainer {
		width: 480px;
		height: 193px;
	}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
	.banner,
	.bannercontainer {
		width: 320px;
		height: 129px;
	}
}
@media only screen and (max-width: 319px) {
	.banner,
	.bannercontainer {
		width: 240px;
		height: 97px;
	}
}
.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected {
	background: #fff !important;
}
.tp-leftarrow:hover,
.tp-rightarrow:hover {
	background-color: #a80908 !important;
}
/** BULLETS **/
.tp-bullets {
	z-index: 1001;
	position: absolute;
	bottom: 25px !important;
}
.tp-bullets.simplebullets.round .bullet {
	cursor: pointer;
	position: relative;
	background: #fff;
	width: 14px;
	height: 14px;
	border: 1px solid #fff;
	background: none;
	border-radius: 50%;
	float: left;
	margin: 0px 8px;
	-webkit-transition: background 0.1s linear;
	-moz-transition: color, background 0.1s linear;
	-o-transition: color, background 0.1s linear;
	transition: color, background 0.1s linear;
}
.tp-leftarrow.large {
	z-index: 100;
	cursor: pointer;
	position: relative;
	background: #393939 url(../images/slider-left-arrow.png) no-Repeat;
	width: 50px;
	height: 70px;
	margin-left: 0px;
	margin-top: -21px;
	-webkit-transition: background 0.1s linear;
	-moz-transition: color, background 0.1s linear;
	-o-transition: color, background 0.1s linear;
	transition: color, background 0.1s linear;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}
.tp-rightarrow.large {
	z-index: 100;
	cursor: pointer;
	position: relative;
	background: #393939 url(../images/slider-right-arrow.png) no-Repeat 0 0;
	width: 50px;
	height: 70px;
	margin-left: 0;
	margin-top: -21px;
	-webkit-transition: background 0.1s linear;
	-moz-transition: color, background 0.1s linear;
	-o-transition: color, background 0.1s linear;
	transition: color, background 0.1s linear;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}
.tp-bullets.tp-thumbs {
	z-index: 100;
	position: absolute;
	padding: 3px;
	background-color: #fff;
	width: 500px;
	height: 50px;
	margin-top: -50px;
}
.fullwidthbanner-container .tp-thumbs {
	padding: 3px;
}
.tp-bullets.tp-thumbs .tp-mask {
	width: 500px;
	height: 50px;
	overflow: hidden;
	position: relative;
}
.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer {
	width: 5000px;
	position: absolute;
}
.tp-bullets.tp-thumbs .bullet {
	width: 100px;
	height: 50px;
	cursor: pointer;
	overflow: hidden;
	background: none;
	margin: 0;
	float: left;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	/*filter: alpha(opacity=50);	*/
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
}
.tp-bullets.tp-thumbs .bullet:hover,
.tp-bullets.tp-thumbs .bullet.selected {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
.tp-thumbs img {
	width: 100%;
}
.tp-bannertimer {
	width: 100%;
	height: 10px;
	position: absolute;
	z-index: 200;
	z-index: 5000;
}
.tp-bannertimer.tp-bottom {
	bottom: 0px !important;
	height: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.responsive .tp-bullets.tp-thumbs {
		width: 300px !important;
		height: 30px !important;
	}
	.responsive .tp-bullets.tp-thumbs .tp-mask {
		width: 300px !important;
		height: 30px !important;
	}
	.responsive .tp-bullets.tp-thumbs .bullet {
		width: 60px !important;
		height: 30px !important;
	}
}
@media only screen and (min-width: 0px) and (max-width: 479px) {
	.responsive .tp-bullets {
		display: none;
	}
	.responsive .tparrows {
		display: none;
	}
}
.tp-simpleresponsive img {
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
}
.tp-simpleresponsive a {
	text-decoration: none;
}
.tp-simpleresponsive ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.tp-simpleresponsive>ul>li {
	list-stye: none;
	position: absolute;
	visibility: hidden;
}
.caption.slidelink a div,
.tp-caption.slidelink a div {
	width: 10000px;
	height: 10000px;
}
.tp-loader {
	background: url(../images/loader.gif) no-repeat 10px 10px;
	background-color: #fff;
	margin: -22px -22px;
	top: 50%;
	left: 50%;
	z-index: 10000;
	position: absolute;
	width: 44px;
	height: 44px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.dldl{
	margin: 50px auto 40px;
	padding: 0px 0px 0px 193px;
	position: relative;
}
.dl_left{
	background: url(../images/dl_jt.png) no-repeat right 58px;
	width: 193px;
	padding-right: 63px;
	position: absolute;
	left: 0px;
	top: 43px;
}
.dl_left img{
	display: block;
	width: 130px;
	height: 130px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.dl_left:hover img{
	transform:rotateY(180deg);
	-ms-transform:rotateY(180deg); 
	-moz-transform:rotateY(180deg); 	
	-webkit-transform:rotateY(180deg);
	-o-transform:rotateY(180deg);
}
.dl_left p{
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: #666;
}
.dl_box{
	
}
.dl_ul{
	overflow: hidden;
}
.dl_ul li{
	float: left;
	width: 20%;
	padding-top: 42px;
	border-top: 1px solid #EBEBEB;
	position: relative;
}
.dl_ul li span{
	position: absolute;
	height: 1px;
	width: 50%;
	background: #fff;
	top: -1px;
	display: block;
}
.dl_ul li:first-child span{
	left: 0px;
}
.dl_ul li:last-child span{
	right: 0px;
}
.dl_ul li:first-child{
	background: url(../images/list_line.png) no-repeat center top;
}
.dl_ul li:last-child{
	background: url(../images/list_line.png) no-repeat center top;
}
.dl_icon{
	width: 100%;
	max-width: 130px;
	margin: 0 auto;
	border: 1px solid #EBEBEB;
	border-radius: 50%;
	position: relative;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.dl_ul li:hover .dl_icon{
	transform:rotateY(180deg);
	-ms-transform:rotateY(180deg); 
	-moz-transform:rotateY(180deg); 	
	-webkit-transform:rotateY(180deg);
	-o-transform:rotateY(180deg);
}
.dl_icon img{
	display: block;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	margin: auto;
	position: absolute;
	max-width: 50.7%;
	max-height: 49.2%;
}
.dl_ul li p{
	line-height: 22px;
	padding: 9px 0px;
	text-align: center;
}
.dl_title{
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 20px;
	color: #0d499f;
	font-weight: bold;
	display: none;
}
@media(max-width: 991px){
	.dl_left{
		display: none;
	}
	.dl_title{
		display: block;
	}
	.dldl{
		padding-left: 0px;
	}
	.dl_ul li{
		padding: 42px 3px 0px;
	}
}
@media(max-width: 767px){
	.dl_icon img{
		max-width: 60%;
		max-height: 60%;
	}
	.dl_icon{
		border: none;
		background: #fff;
	}
	.dl_ul li{
		padding: 22px 3px 0px;
	}
	.dl_title{
		height: 35px;
		line-height: 35px;
	}
	.dldl{
		margin: 30px auto;
	}
}




/* 尾部
-------------------------------------------------------------- */
.footer { margin:0 auto; width:100%; background:#a80908;color:#fff;}
.footer a{ color:#fff;}
.footer a:hover{ color:#fff;}

.foot{width:1200px; margin:0 auto; height:56px; line-height:56px;}
.foot span{color:#fff;}
/* 主体内容开始
-------------------------------------------------------------- */

.page { margin: 0 auto; width:100%; height: auto; }
.content{ width:100%;}
.content a:hover{color:#eb891a;}


#pages{padding-top:5px; margin:0 auto; padding:17px 0; text-align:center; }
#pages a{ color: #333;margin: 2px;padding: 2px 5px;text-decoration: none;font-size:13px;}
#pages a:hover{ color: #333;margin: 2px;padding: 2px 5px;text-decoration: none;background: #A80908;color:#FFF;font-size:13px;}
#pages span {background: #A80908; color: white; font-size:13px; margin: 2px;padding: 2px 5px;}

article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

/* 主页
-------------------------------------------------------------- */

/* 小导航
-------------------------------------------------------------- */
.menu { margin: 0 auto; height:auto; width:100%; border-top:1px solid #EEEEEE;}
#con {	FONT-SIZE: 12px; MARGIN: 0px auto; WIDTH:100%}
#tags {margin: 0;padding: 0;}
#tags LI { float: left;list-style: none;border-bottom: none;height:59px;line-height: 59px;width:120px; border-right:1px solid #EEEEEE;text-align: center;display: block;}
#tags LI A {color: #999999; font-size:15px;text-decoration: none;height: 59px;line-height: 59px;}
#tags LI.emptyTag {	BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 4px}
#tags LI.selectTag {color: #333333;display: block;}
#tags LI.selectTag A {color: #333333;}
#tagContent {width:100%;height: auto; overflow: hidden;}
.tagContent {DISPLAY: none;}
#tagContent DIV.selectTag {DISPLAY: block}

.banner { width:100%; background:url(../images/1-4.jpg) center top no-repeat; height:770px;}

/* 所有的页面的样式用注释标签标注一下
-------------------------------------------------------------- */

/* 优势
-------------------------------------------------------------- */
.youshi{background:url(../images/youshi_bg.jpg) center center no-repeat;}
.youshi_main{width:865px; margin:0 auto;}
.youshi_title{text-align:center; margin-top:60px;}
.bang{background:url(../images/youshi_line.jpg) center center no-repeat; height:28px; margin-top:15px;}
.youshi_en{font-size:12px; text-transform:uppercase; color:#ccc;}
.youshi_left{width:180px;}
.youshi_quan{width:412px; height:437px; background:url(../images/youshi_quan.jpg) center center no-repeat; margin:80px 30px 0 30px; margin-top: 80px;}
.youshi_right{width:210px;}

.youshi_zi{margin-top:370px; text-align:center;}
.youshi_zi span{font-size:24px; font-weight:bold; color:#fff;}
.youshi_zi p{font-size:18px; font-weight:bold; color:#fff;}

.ys{ margin-bottom:50px;}
.ys1{ margin-top:70px;}
.ys1 span{margin-left:70px;}
.ys1 p{background:url(../images/ys_7.jpg) 102px bottom no-repeat; font-weight:bold; margin-top:10px;  padding-left:50px; padding-bottom:5px;}

.ys2{ margin-top:30px;}
.ys2 span{margin-left:20px;}
.ys2 p{background:url(../images/ys_7.jpg) 46px bottom no-repeat;  font-weight:bold; margin-top:10px;  padding-bottom:5px;}

.ys3{ margin-top:20px;}
.ys3 span{margin-left:70px;}
.ys3 p{background:url(../images/ys_7.jpg) 98px bottom no-repeat; font-weight:bold; margin-top:10px;  padding-left:35px; padding-bottom:5px;}

.ys4{ margin-top:70px;}
.ys4 span{margin-left:;}
.ys4 p{background:url(../images/ys_7.jpg) 102px bottom no-repeat; font-weight:bold; margin-top:10px; padding-left:30px; padding-bottom:5px;}

.ys5{ margin-top:30px;}
.ys5 span{margin-left:60px;}
.ys5 p{background:url(../images/ys_7.jpg) 130px bottom no-repeat; font-weight:bold; padding-left:70px; margin-top:10px;  padding-bottom:5px;}

.ys6{ margin-top:20px;}
.ys6 span{margin-left:0;}
.ys6 p{background:url(../images/ys_7.jpg) 102px bottom no-repeat; font-weight:bold; margin-top:10px; padding-left:30px; padding-bottom:5px;}
.faguang img { z-index:99; position:relative; }

.faguang span { position:relative; width:98px; height:98px; display:inline-block; text-align: center; border-radius: 50%; z-index: 2;
	transition: all .4s ease 0s; 
	-webkit-transition: all .4s ease 0s; 
	-moz-transition: all .4s ease 0s; 
	-o-transition: all .4s ease 0s;
}

.faguang span:after{ position: absolute; top: 0; left: 0; content: ""; display: block;  width: 100%; height: 100%; opacity: 0; background: #A90A0A; border-radius: 100%; z-index: -1; 
	transform: scale(1.5);
	transition: all .8s ease-in-out;}
	
.faguang span:before{ position: absolute; top: 0; left: 0; content: ""; font-size: 38px; display: block;  width: 100%; height: 100%; opacity: 0; background: #A90A0A; border-radius: 100%; z-index:2; 
	transform: scale(.5);
	transition: all .4s ease-in-out;
	color: #fff;
}
.faguang span:hover:after{ opacity: 1; transform: scale(1);}
.faguang span:hover:before{opacity: 1; transform: scale(1);}

/* 简介
-------------------------------------------------------------- */
.index_about{ background:url(../images/about_bg.jpg); padding:60px;}
.about_main{width:1200px; margin:0 auto;}
.about_title{text-align:center; font-size:36px; color:#a80908; font-weight:bold; margin-bottom:60px;}
.about_title span{color:#666; font-size:20px; font-weight:normal}

.zhuanzhu{width:220px; text-align:center;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out}
.zhuanzhu span{font-size:20px; font-weight:bold; margin:10px 0; display:block;}
.zhuanzhu p{ line-height:20px;}

.yanfa{width:220px; text-align:center; margin-left:116px;}
.yanfa span{font-size:20px; font-weight:bold; margin:10px 0; display:block;}
.yanfa p{line-height:20px;}

.zhuanzhu:hover img,.yanfa:hover img {-moz-transition: all 0.8s ease-in-out; 
-webkit-transition: all 0.8s ease-in-out; 
-o-transition: all 0.8s ease-in-out; 
-ms-transition: all 0.8s ease-in-out; 
transition: all 0.8s ease-in-out; 
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
transform: rotateY(360deg); }

.about{width:500px;}
.about_rad{color:#a80908; font-size:60px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.about_jx{font-weight:bold; font-size:25px;}
.about_by{font-size:23px;}
.about_ny{margin-top:20px;}


/* 产品
-------------------------------------------------------------- */
.index_products{width:1360px; margin:0 auto; margin-top:70px; border-top: solid 1px #dddddd;}
.products_title{position:relative; left:50%; float:left;}
.products_title ul{position:relative; left:-50%; margin:0; padding:0;}
.products_title li {float:left;text-align:center; border-right: dashed 1px #ccc; padding:20px 30px; padding-bottom:0; font-size:24px;}
.products_title li span{font-size:14px; color:#ccc; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
.products_title li a {display:block; padding-bottom:30px; line-height:28px;}
.products_title li a:hover span{font-weight:normal;}

.products_title li a:hover{background:url(../images/jiantou.png) no-repeat bottom center;  font-size:24px; color:#a80908; font-weight:bold;}

.pro_title{height:60px; line-height:60px; border-bottom:2px solid #ccc; background:url(../images/cp_jt_h.jpg) no-repeat right center; font-size:16px;-webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}

.cp{margin:30px 0;}
.cp_jt{ padding-top:100px;}
.products{width:1200px; margin:0 40px;}
.products li{float:left; margin-right:15px;}
.li a:hover .pro_title{ color:#a80908; background:url(../images/cp_jt.jpg) no-repeat right center; border-bottom: solid 2px #a80908;}



/* 首页，产品滚动效果CSS开始 */
.li{float:left;}
.li{position:relative;}
.li{width:285px;height:280px; cursor:pointer;position:relative; margin-right:20px;}
.li h3 { padding-bottom:3px; font-size:16px; padding-top:9px; color:#333333; font-weight:500;}

.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:285px;}
.mod18 .listBox img{ width:285px; height:217px;}


.li b{width:285px;height:217px;display:block; background:rgba(0,0,0,0.65) url(../images/fang.png) no-repeat center; position:absolute; top:0; left:0; display:none;-webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.li:hover b{ display:block;}

.cp_img{overflow:hidden;}
.cp_img img{  
cursor: pointer;  
transition: all 0.6s;  
}  
.li a:hover .cp_img img{  
transform: scale(1.4);  
 display:block;
}  

.news_nr img{  
cursor: pointer;  
transition: all 0.6s;  
}  
.news_nr img:hover{  
transform: scale(1.4);  
}  


/*--产品tab切换--*/
#conf {	float:left;WIDTH:100%; padding-top:35px;}
#tagf {margin: 0;padding: 0;height:88px; padding-left:300px;}
#tagf LI { float:left;text-align:center; width:358px; line-height:28px; border-right: dashed 1px #ccc;padding-bottom:0; font-size:24px;}
#tagf LI A {display:block; padding-bottom:21px;}
#tagf LI A span{font-size:14px; color:#ccc; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}

#tagf LI.emptyTag {	BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 4px}
#tagf LI.selectTagf {color: #b10000;display: block;}
#tagf LI.selectTagf A {font-size:24px; color:#a80908; font-weight:bold;background:url(../images/jiantou.png) no-repeat bottom center; }
#tagf LI.selectTagf A span{font-weight:normal;}

.tabs{ position:relative; margin:0 auto; height:100%; margin-top:20px; z-index:99;}
.tabs a{text-decoration:none;}
.tabNav{ font-size:0;text-align:center; position:relative; z-index:-1;}
.tabPane { width:1200px;height:277px; margin:0 auto;}
.tabs .next{position:absolute; top:78px; right:0px;z-index:99999; background:url(../images/nextBtn.png) no-repeat;width:40px; height:40px; }
.tabs .prev{ position:absolute;top:78px;left:0px;z-index:99999;background:url(../images/prevBtn.png) no-repeat; width:40px; height:40px; text-align:center;}
.tabs .next:hover{  background:url(../images/nextBtns.png) no-repeat; }
.tabs .prev:hover {  background:url(../images/prevBtns.png) no-repeat; }

#tagContentf {width:100%; float:left;padding-top:28px; overflow: hidden;}
.tagContentf {DISPLAY: none;}
#tagContentf DIV.selectTagf {DISPLAY: block}



/* 新老文化
-------------------------------------------------------------- */
.wenhua{  height:475px; width:100%;}
.wenhua .left {left:0; width:50%; height:475px; position:relative; }
.wenhua .right {right:0; width:50%; height:475px; position:relative;}
.wenhz { background:url(../images/wenz.jpg) no-repeat right;height:475px; left:0; width:100%;position:absolute;}
.wenhy { background:url(../images/weny.jpg) no-repeat left;height:475px; right:0; width:100%;position:absolute;}


/* 新闻
-------------------------------------------------------------- */
.index_news{background:url(../images/xw_bg.jpg) right center no-repeat #fcf8f3; padding-bottom:50px;}
.news_main{width:1200px; margin:0 auto;}
.news_title{font-size:30px; color:#b32523; padding:50px 0;}
.news_title span{font-size:14px;  color:#5f544e;text-transform:uppercase; margin-top:50px; font-family:Arial, Helvetica, sans-serif;}

.news_kk{background:#fff; border:#ece8e4 solid 1px;}
.news_list{width:339px; padding:30px;}
.news_title{font-size:30px;}
.news_title1{font-size:24px; color:#333; margin-bottom:25px;}
.news_title1 span{font-size:13px; color:#a80908; padding-left:5px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}

.news_nr a:hover .xw_bt{color:#a80908}

.news_nr p{font-size:18px; font-weight:bold; margin:10px 0;}
.news_nr span{}
.xw_list{border-top:dashed 1px #ccc; margin-top: 20px; padding-top:20px;}
.xw_list li{line-height:30px;}
.xw_list li a:hover{ margin-left:5px;}
.more,.more a{margin-top:20px; color:#a80908;}

/* 更多故事
-------------------------------------------------------------- */
.gushi{background:url(../images/jm_bg.jpg); border-bottom:solid 1px #dddddd; border-top:solid 1 px #dddddd; padding:60px 0;}
.gdgs{width:1200px; margin:0 auto;}
.gdgs_title{width:300px; border-right:solid 1px #dddddd;}
.gs{font-size:24px; background:url(../images/gs_xian.jpg) left bottom no-repeat; padding-bottom:10px; margin-bottom:20px;}
.by{font-size:18px; margin-bottom:80px;}
.dingzhi{width:170px; height:40px; line-height:40px; border:solid 1px #aaaaaa;}
.dingzhi a{width:145px; padding-left:25px;  display:block; background:url(../images/dingzhi_jt.png) 130px center no-repeat;}
.dingzhi a:hover{background:url(../images/dingzhi_jts.png) 130px center no-repeat #a80908; color:#fff; display:block;}


.gsnr{width:800px;}
.renqun{margin-top:40px;}
.renqun li{width:240px; float:left; margin-bottom:20px; color:#a80908; background:url(../images/gs_xian.jpg) left bottom no-repeat; padding-bottom:10px;}

/* 加盟
-------------------------------------------------------------- */
.cyjm{font-size:24px; color:#333;}
.jmxx{ margin:30px 0;}
.input{width:310px; height:48px; line-height:48px; background:#F4F4F4; border:0; margin-right:18px; padding-left:20px; font-size:16px; color:#aaa; font-family:"微软雅黑"; float:left;-moz-box-shadow:0px 0px 3px #666; -webkit-box-shadow:0px 0px 3px #666; box-shadow:0px 0px 3px #666;}
.anniu {width:154px; hanging-punctuation:46px; line-height:46px; background:#a60402; border:1px solid #a60402; float:left; font-size:16px; color:#fff; font-family:"微软雅黑";cursor:pointer;}
.anniu:hover {  background:#fff; color:#a60402; border:1px solid #a60402;}

.beizhu{font-size:14px; color:#999; }


/* 底部导航
-------------------------------------------------------------- */
.footer_dh{background:#f4f4f4; padding:34px 0;}
.di_dh{width:1200px; margin:0 auto;}
.di_dh .left { padding-top:14px;}
.lianxi{margin-left:100px;}
.dizhi{background:url(../images/dizhi.png) left center no-repeat; padding-left:30px; height:30px; line-height:30px;}
.dianhua{background:url(../images/dianhua.png) left center no-repeat; padding-left:30px; height:30px; line-height:30px;}

.fenxiang{text-align:right; line-height:30px;}
.fenxiang a { margin-left:8px;}
.di_nav { padding-top:12px;}
.di_nav li{float:left; margin:0 5px; line-height:30px;}
.wenhq { width:250px; height:0px; position:relative; margin:0 auto; z-index:999;}
.whquan { position:absolute; left:0; height:250px; width:250px; top:108px;}
.icon-footer {position:relative;width:27px;height:27px;}
.icon-footer-wx { background:url(../images/gz_07.png) no-repeat; display:inline-block;}
.app-qrcode {display:none;position:absolute;width:130px;height:130px;margin-top:-141px;box-shadow:0 0 6px rgba(14,22,30,.3);margin-left:-100px;}
.app-qrcode img { width:100%}
.Qr-code-footer {position:relative; display:inline-block; width:27px;height:27px;text-align:center; vertical-align:middle;}



/*--公司简介--*/
.nban { width:100%; height:300px; margin:0 auto; margin-top:100px;}
.nynav { background:#EDEDED; width:100%; height:60px;}
.w1200 { width:1200px; margin:0 auto;}
.nynav .left { float:left;}
.nynav .left ul li { width:125px; float:left; line-height:60px; text-align:center;}
.nynav .left ul li a{ font-size:16px; color:#333333; display:block;}
.nynav .left ul li a:hover { background:#A80908;color:#fff;}
.nynav .left ul li a.on { background:#A80908;color:#fff;}
.nynav .right { height:50px; padding-top:10px; cursor:pointer;}
.tiao { display:block; background:url(../images/jtou.png) no-repeat; width:15px; height:100%;transition: 300ms;-webkit-transition: 300ms;animation: mouse 3s linear alternate infinite;-webkit-animation: mouse 3s linear alternate infinite;}	
@keyframes mouse {  0% {
background-position:center 0;
}
 100% {
background-position:center 15px;
}
}
@-webkit-keyframes mouse {  0% {
background-position:center 0;
}
 100% {
background-position:center 15px;
}
}	
.gsbt { text-align:center; font-size:26px; color:#a80908; padding-top:55px;}
.gsbt span { text-transform:uppercase;  text-align:center; display:block;color:#a80908; font-size:13px; background:url(../images/hongx.jpg) no-repeat center bottom; padding-bottom:8px;}
.gswen { font-size:16px; text-align:center; line-height:30px; padding-top:32px;}

.ab_top_box{ width:100%; padding-top:70px; padding-bottom:44px;}
.ab_topxiang{float:left;color:#a80908;width: 25%;text-align: center;}

@keyframes lian_change{
to{background-color: white;color: black;}
}
.ba_threebox{position:relative;overflow: hidden}
#ab_video{width:100%;}
.ab_play{position: absolute;cursor: pointer;width: 8%;top:45%;left:46%;}
.ab_vidimg{min-width:100%;min-height: 100%; position: absolute;top: 0;left: 0;}
.ab_twonei{width: 80%;margin-left: auto; margin-right: auto}
.ab_xiangtop{ font-size: 60px;font-family: Arial; font-weight:bold; line-height:50px;}
.ab_xiangtop sub{ font-size: 24px;font-family: Arial; font-weight:bold; line-height:50px;}

.ab_xiangdown{float:left;color:#666666; font-size:16px; width:100%; text-align: center; padding-top:18px;}
.gsbtg { background:url(../images/gsbg1.jpg) no-repeat center; width:100%; height:534px;}		

.gsmbt { text-align:center; font-size:26px; color:#fff; padding-top:55px;}
.gsmbt span { text-transform:uppercase;  text-align:center; display:block;color:#fff; font-size:13px; background:url(../images/bxian.jpg) no-repeat center bottom; padding-bottom:8px;}

/* section */
.sectiong{width:1200px;margin:0 auto; margin-top:44px;overflow:hidden;}
.sectiong ul{width:1200px;}
.sectiong ul li{float:left;margin-right:91px; background:url(../images/gsjx.png) no-repeat;margin-bottom:10px;display:inline;width:320px;height:331px;overflow:hidden;position:relative;}
.sectiong ul li .photo{width:320px;height:331px;overflow:hidden;}
.sectiong .rsp{ width:320px;height:331px;overflow:hidden;position: absolute; background:url(../images/gshong.png) no-repeat;top:0px;left:0px;}
.sectiong .text{position:absolute;width:320px;height:331px;left:-320px;top:0px;overflow:hidden;}
.sectiong .text h3{width:100%;margin-top:42px;text-align:center; background:url(../images/sbxian.png) no-repeat bottom center; padding-bottom:29px;}
.sectiong .text div{position: relative;width:320px;height:140px;overflow:hidden;text-align:center;color:#FFFFFF;font-size:15px; padding-top:40px; line-height:26px;}
.sectiong .text div p{position:absolute;width:320px;height:140px;left:320px;top:140px;overflow:hidden;text-align:center;color:#FFFFFF;font-size:15px; padding-top:40px; line-height:26px;}

.tbiao { text-align:center; padding-top:42px;background:url(../images/shxian.png) no-repeat bottom center; padding-bottom:29px;}
.sectiong .photo p{text-align:center;color:#666;font-size:15px; padding-top:40px; line-height:26px;}
.gsys { background:url(../images/gsbg2.jpg) no-repeat center; height:496px; margin:0 auto; border-bottom:1px solid #DDDDDD;}
.ysbt { padding-top:58px; text-align:center;}
.ysbt span { background:url(../images/gsysxian.png) no-repeat center top; padding-top:50px; margin-top:18px; display:block; font-size:12px; color:#cccccc; text-transform:uppercase;}
.yslie { padding-top:73px; width:1152px; margin:0 auto; overflow:hidden;}
.ysl1 { width:192px; text-align:center; float:left;}
.ysl1 p { color:#666; padding-top:18px; font-size:16px; padding-bottom:20px;}
.ysl1:hover p { color:#a80908;font-weight:bold; background:url(../images/hdian.png) no-repeat bottom center; padding-bottom:21px;}
.yspic { height:98px; width:98px; margin:0 auto;overflow:hidden; position:relative;}
.yspic .ystu { position:absolute; top:0; left:0;}
.yspic .ystuh { position:absolute; top:98px; left:0;}

/*--创始人--*/
.nvmenu { border-bottom:1px solid #DDDDDD; width:100%; line-height:64px; height:64px;}
.shouye { background:url(../images/fangzi.png) no-repeat center; width:13px; height:100%; margin-right:11px; display:inline-block;}
.nvmenu a { display:inline-block; font-size:16px; margin-right:3px; margin-left:3px;}
.csrbg { background:url(../images/csrbg2.jpg) no-repeat center; height:456px; width:100%; }
.csryou { float:right; background:url(../images/csrbg.png) no-repeat bottom; width:537px; height:549px; margin-top:67px;}
.csryou .ren { padding-left:133px; float:left; width:288px;}
.csrming { float:left; font-size:24px; color:#a80908; font-weight:bold; padding-top:81px;}
.csrzuo { padding-top:108px; float:left; width:617px;}
.csrzuo strong { color:#a80908; font-size:30px; display:block;}
.csrzuo span { font-size:14px; color:#cccccc; background:url(../images/hxian2.jpg) no-repeat bottom left; display:block; padding-bottom:16px; padding-top:7px;}
.cswen { padding-top:30px;}
.cswen p { font-size:14px; line-height:28px;}
.qianm { font-size:16px; padding-top:60px;}
.pb43 { padding-bottom:43px;}
.cspicz { float:left; width:400px;}
.pt101 { padding-top:101px;}
.csgsyou { float:right; width:775px;}
.csgsyou strong { color:#FFF; display:block; margin-bottom:30px; background:url(../images/czrxian.png) no-repeat left bottom; font-size:24px; padding-bottom:7px;}
.csgsyou p { font-size:14px; color:#FFF;}

/*--企业文化--*/

.qywh .hexin01 .xinli{ width:1118px; margin:0 auto; padding-top:100px; padding-bottom:96px;}
.qywh .hexin01 h2{ font-size:30px; color:#333; text-align:center; padding-bottom:32px;}
.qywh .hexin01 .xinli .yizhuan{ float:left;    text-align: center;}
.qywh .hexin01 .xinli .yizhuan .qishi{ width:134px; text-align:center; line-height:134px; height:134px; border:14px solid #dfdfdf; border-radius:50%; color:#a80908; font-size:17px; font-weight:bold; margin-bottom:25px;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out}
.qywh .hexin01 .xinli .yizhuan:hover .qishi{ color:#333; border:14px solid #A80908; -webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}


@-webkit-keyframes circle{
0%{ transform:rotate(0deg); }
100%{ transform:rotate(-360deg); }
}
.qywh .hexin01 .xinli .yizhuan p{ font-size:14px; color:#333; }
.qywh .hexin01 .xinli .yijia{ float:left; width:149px; text-align:center;}
.qywh .hexin01 .xinli .yijia{ padding-top:60px;}

.qywh .sanguan h2{ font-size:30px; color:#333; text-align:center; padding-bottom:32px;}
.qywh .sanguan .tixi .ti01{ width:33.3333%; float:left; position:relative; overflow:hidden;}
.qywh .sanguan .tixi .ti01 img{ width:100%;-webkit-transition: all 200ms ease-in;-o-transition: all 200ms ease-in;-moz-transition: all 200ms ease-in;}
.qywh .sanguan .tixi .ti01:hover img{-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	transform:scale(1.1);}
.qywh .sanguan .tixi .ti01 .tilan{ position:absolute; top:0; left:0; width:100%; height:100%; background: url(../images/lanbg.png) repeat; text-align:center;}
.qywh .sanguan .tixi .ti01 .tilan h3{ padding-top:13%; font-weight:normal; padding-bottom:3%;color:#4474a1; font-size:54px;}
.qywh .sanguan .tixi .ti01 .tilan b{ display:block; font-weight:normal; color:#fff; font-size:17px; padding-bottom:4%;}
.qywh .sanguan .tixi .ti01 .tilan p{ color:#fff; font-size:14px; line-height:28px;}

.qywh .linianjie{ padding-top:42px; padding-bottom:70px;}
.qywh .linianjie h2{ font-size:30px; color:#333; text-align:center; padding-bottom:32px;}

.pt83 { padding-top:83px;}
.whpiao { position:relative; float:left; width:586px; height:277px; overflow:hidden; margin-right:28px;}
.whpos { position:absolute; left:0; top:0; width:100%; height:100%;}
.whpos p { font-size:16px; color:#fff; text-align:center; line-height:26px; padding-top:30px;}
.whpos span { background:url(../images/whbxian2.png) no-repeat center; text-align:center; display:block; font-size:24px; font-weight:bold; color:#fff; margin-top:51px;}
.whpos em { background:url(../images/whbxian.png) no-repeat center; height:1px; margin-top:15px; display:block;}

.whpic img{  
cursor: pointer;  
transition: all 0.6s;  
}  
.whpiao:hover .whpic img{  
transform: scale(1.2);  
 display:block;
}  



/*新闻中心开始*/
.content .nxin{ width:1200px; margin:0 auto; margin-top:49px; padding-bottom:50px;}
.content .nxin .ntui{ width:1200px;  background:#fff; margin-bottom:40px;}
.content .nxin .ntui ul li{ width:368px; float:left; height:410px; border-left:1px solid #E3E3E3; padding:0px 15px;}
.content .nxin .ntui ul li a{ width:342px; height:387px; padding:11px 13px; display:block;}
.content .nxin .ntui ul li .ntuix{ width:326px;padding:14px; padding-top:24px;     padding-left: 0;}
.content .nxin .ntui ul li .ntuix h2{ font-size:17px; font-weight:bold; color:#333333;  padding-bottom:10px;}
.content .nxin .ntui ul li .ntuix p{ font-size:14px;}
.content .nxin .ntui ul li .ntuix .shi{ font-size:14px; color:#bebebe;padding-bottom:10px;}
.content .nxin .ntui ul li .ntuix .more{ width:30px; height:30px; background:url(../images/nyou.png) no-repeat; margin-top:15px;}
.content .nxin .ntui ul li:hover .ntuix .shi{ }
.content .nxin .ntui ul li:hover .ntuix p{}
.content .nxin .ntui ul li:hover .ntuix h2{color:#dd0800;}
.content .nxin .ntui ul li:hover .ntuix .more{ width:30px; height:30px; background:url(../images/nyouh.png) no-repeat; margin-top:15px;}
.content .nxin .ntui ul li a:hover{box-shadow: #E0E0E0 0px 0px 10px;}
.content .nxin .ntui ul li .dade{ width:341px; height:204px; overflow:hidden;}
.content .nxin .ntui ul li .dade img{width: 100%;
overflow-x: hidden;
overflow-y: hidden;
position: relative;
z-index: 1;
transition-delay: 0s;
transition-duration: 1s;
transition-property: all;
transition-timing-function: ease;
-moz-transition-delay: 0s;
-moz-transition-duration: 1s;
-moz-transition-property: all;
-moz-transition-timing-function: ease;
-webkit-transition-delay: 0s;
-webkit-transition-duration: 1s;
-webkit-transition-property: all;
-webkit-transition-timing-function: ease;
-o-transition-delay: 0s;
-o-transition-duration: 1s;
-o-transition-property: all;
-o-transition-timing-function: ease;}

.content .nxin .ntui ul li:hover .dade img{transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-webkit-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);}
.content .xliebiao{ width:1200px; height:auto; margin:0 auto; margin-top:41px;}
.content .xliebiao ul li{ height:160px; background:#fff; width:1200px; margin-bottom:25px;}

.content .xliebiao ul li .naleft{ width:1015px; height:120px; background:#fff; float:left; padding-top:40px; border-bottom:1px solid #d4d4d4;}
.content .xliebiao ul li .naleft p{ font-size:14px;}
.content .xliebiao ul li .naleft h2{ font-size:17px; font-weight:bold; color:#333333; padding-bottom:15px;-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;}
.content .xliebiao ul li .naright{ width:113px; height:120px; background:#EBEBEB; float:right; padding-top:40px; padding-left:40px;-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;}
.content .xliebiao ul li .naright h2{ font-size:24px; color:#6f6f6f; font-weight:normal;}
.content .xliebiao ul li .naright .sj{ font-size:14px; color:#6f6f6f;}
.content .xliebiao ul li .naright .more01{ width:38px; height:38px; background:url(../images/nhj.png) no-repeat; margin-top:15px;}
.content .xliebiao ul li:hover .naright{ background:#A80908;}
.content .xliebiao ul li:hover .naright h2{ color:#fff;}
.content .xliebiao ul li:hover .naright .sj{ color:#fff;}
.content .xliebiao ul li:hover .naright .more01{ width:38px; height:38px; background:url(../images/nbj.png) no-repeat; margin-top:15px;} 
.content .xliebiao ul li:hover .naleft h2{ color:#e60211;}
.fen{ background:#F0F0F0; width:100%; margin:0 auto; margin-top:15px;}

/*--pro--*/
.probg { background:url(../images/cpbg1.jpg) no-repeat center; height:530px; width:100%; margin:0 auto; margin-top:100px;}
.probt { padding-top:100px; width:300px; text-align:center; float:left;}
.prozbt { width:1200px; margin:0 auto;}
.probt h4 { font-size:24px; color:#a80908; padding-top:27px; background-position:bottom center;}
.probt a:hover h4 { font-weight:bold; background:url(../images/cpjian.png) no-repeat bottom center; padding-bottom:50px;-webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.probt a.on h4 { font-weight:bold; background:url(../images/cpjian.png) no-repeat bottom center; padding-bottom:50px;-webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}

.prolie { padding-top:45px; padding-bottom:37px;}
.prolie ul li { float:left; width:380px; overflow:hidden; margin-right:30px; margin-bottom:19px;}
.prolie ul li.mr0 { margin-right:0;}
.propic { width:380px; height:264px; overflow:hidden; position:relative;}
.protitle { margin-top:3px; height:76px; width:378px; border-left:2px solid #DDDDDD; position:relative;}
.prolie ul li a:hover .protitle {border-left:2px solid #A80908;}
.protitle em {background:#EEEEEE; width:0; display:block; height:76px; position:absolute; left:0; top:0; z-index:8;}
.proleft { z-index:99; position:relative; font-size:18px; color:#333333; padding-left:20px; padding-top:16px; float:left;}
.proleft span { display:block; font-size:14px; color:#666666;}
.prolie ul li a:hover .proleft { color:#a80908; font-weight:bold;}
.prolie ul li a:hover .proleft span{ font-weight:500;}
.proright { background: url(../images/cpjt.png) no-repeat; width:32px; height:32px; float:right;z-index:99; position:relative; margin-right:20px; margin-top:22px;}
.prolie ul li a:hover .proright { background:url(../images/cphjt.png) no-repeat;}

.propic img{width: 100%;
overflow-x: hidden;
overflow-y: hidden;
position: relative;
z-index: 1;
transition-delay: 0s;
transition-duration: 1s;
transition-property: all;
transition-timing-function: ease;
-moz-transition-delay: 0s;
-moz-transition-duration: 1s;
-moz-transition-property: all;
-moz-transition-timing-function: ease;
-webkit-transition-delay: 0s;
-webkit-transition-duration: 1s;
-webkit-transition-property: all;
-webkit-transition-timing-function: ease;
-o-transition-delay: 0s;
-o-transition-duration: 1s;
-o-transition-property: all;
-o-transition-timing-function: ease;}

.prolie ul li a:hover .propic img{transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-webkit-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);}
.main_box { position:relative;}
.overlayPop {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	width:100%;
	height:100%;
	opacity:1;
	background:url(../images/probg.png) no-repeat;
	z-index:9;
}
.popup {
	display: none;
	text-align: center;
	position: absolute;
	background:url(../images/fdj.png) no-repeat center center;
	z-index: 40;
	left:160px;
	height: 60px;
	width: 60px;
}

/*---pro 详情---*/
.proxqbg { background: url(../images/xqbg.jpg) repeat-y center; padding:30px 0;}
.proxzuo { float:left; width:379px;}
.prdbg { background:url(../images/cpq1.png) no-repeat; width:308px; height:308px; text-align:center;}
.prdbg strong {font-size:30px;color:#333333;display:block;text-align:center;padding: 0 21px;padding-top: 55px;background: url(../images/hdxian.png) no-repeat bottom center;padding-bottom:14px;margin-bottom:12px;}
.prdbg span { display:inline-block; background:#CCA87F; color:#fff; padding:9px 17px;}
.fenx { padding-top:25px;}
.fenx em { display:block; font-style:normal; font-size:16px; color:#cca87f;}
.sanniu{ padding-top:30px;}
.sanniu a{ width:73px; height:73px;display:block; float:left;}
.sanniu .to{ background:url(../images/nleft.png) no-repeat;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; font-size:0;}
.sanniu .bot{ background:url(../images/nright.png) no-repeat; margin-left:32px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; font-size:0;}
.sanniu .fanhui { font-size:18px; text-align:center;margin-left:32px; padding-top:13px; height:60px; color:#cca87f; background:url(../images/nquan.png) no-repeat;}
.sanniu:hover .fanhui { color:#A60402;}
.proxyou { float:right; width:750px;}

.wrap {width:750px;height:434px;position:relative;overflow:hidden;float:left;}
.slidebox {width:750px;position:absolute;top:0;left:0;height:434px;}
.slidebox li {float:left;width:750px;height:434px;left:0;top:0;}
.slidebox li img {display:block;width:750px;height:434px;}
.dot {position:absolute;width:100%;height:30px;text-align:right;bottom:0;left:0;}
.dot p {margin-right:10px;}
.dot b {width:13px;height:13px; background:url(../images/dian1.png) no-repeat;display:inline-block;text-align:center;margin:0 3px;margin-top:6px;cursor:pointer;font-weight:normal;}
.dot .cur { background:url(../images/dian2.png) no-repeat; width:34px; height:13px;}
.proxcont { padding-top:18px; float:left;}
.proxcont p { font-size:16px; line-height:28px; padding-bottom:10px;}
.gb_resLay { width:118px; margin:0 auto; padding-top:20px;}

.newde { font-size:18px; text-align:center; color:#333; font-weight:bold;}
.newdej { text-align:center; padding-top:8px; border-bottom:1px solid #F1F1F1; padding-bottom:10px; color:#666;}

/*---招商---*/
.zsshang { width:1100px; margin:0 auto; padding-top:39px;}
.zsshang .left { width:420px; float:left; position:relative;}
.zshuang { position:absolute; background:url(../images/huang.png) no-repeat; width:370px; height:132px; left:25px; top:21px; font-size:24px; color:#FFF; text-align:center; padding-top:47px; line-height:40px;}
.zsshang .right { float:right; width:643px;}
.zsshang .right strong { color:#a80908; display:block; font-size:28px;}
.zsshang .right span { font-size:12px; display:block; text-transform:uppercase; padding-top:5px; color:#BCBCBC;}
.zsshang .right p { font-size:14px; padding-top:25px;}
.zsxia { padding-top:56px; margin:0 auto; width:100%;}
.zsbtx { background:url(../images/zsxian.jpg) repeat-x 0px 30px; text-align:center;}
.zsbtx span { display:inline-block; font-weight:bold; font-size:30px; color:#a80908; background:#fff; padding:0 9px;}
.zsbtx span em { font-size:14px; color:#cccccc; font-weight:500; text-transform:uppercase; display:inline-block;}
.zslie { width:100%; padding-top:40px;}
.zslie ul li { background:url(../images/liuhui.png) no-repeat; width:170px; height:196px; float:left; text-align:center; font-size:18px; color:#333333; margin:0 11px;}
.zslie ul li span { display:block; height:51px; padding-top:40px; padding-bottom:24px;}
.zslie ul li span i { margin:0 auto; display:block; height:51px;-webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
.zstb1 { background:url(../images/zstb1.png) no-repeat center; width:46px;}
.zstb2 { background:url(../images/zstb2.png) no-repeat center; width:46px;}
.zstb3 { background:url(../images/zstb3.png) no-repeat center; width:46px;}
.zstb4 { background:url(../images/zstb4.png) no-repeat center; width:43px;}
.zstb5 { background:url(../images/zstb5.png) no-repeat center; width:46px;}
.zstb6 { background:url(../images/zstb6.png) no-repeat center; width:45px;}
.zslie ul li:hover .zstb1 { background:url(../images/zstbh1.png) no-repeat center;}
.zslie ul li:hover .zstb2 { background:url(../images/zstbh2.png) no-repeat center;}
.zslie ul li:hover .zstb3 { background:url(../images/zstbh3.png) no-repeat center;}
.zslie ul li:hover .zstb4 { background:url(../images/zstbh4.png) no-repeat center;}
.zslie ul li:hover .zstb5 { background:url(../images/zstbh5.png) no-repeat center;}
.zslie ul li:hover .zstb6 { background:url(../images/zstbh6.png) no-repeat center;}
.zslie ul li:hover { background:url(../images/liuh.png) no-repeat; color:#a80908;-webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.zspic { background:url(../images/zsquan.png) no-repeat center; height:537px; margin-top:30px;}

.zstel { width:100%; text-align:center; padding-bottom:46px;}
.zstel span { font-size:16px; color:#FFF; background:#A80908; display:inline-block; line-height:52px; height:52px; padding:0 24px;}
.zskuang { border:1px dashed #AAAAAA; float:left; border-radius:5px; font-size:14px; color:#7d7d7d; display:inline-block; padding:10px 15px;}
.zswen1 { margin-left:464px; margin-top:17px; margin-right:200px;}
.zswen2 { margin-left:117px; margin-top:96px;}
.zswen3 { margin-left:398px; margin-top:96px;}
.zswen4 {  margin-left:121px; margin-top:155px;}
.zswen5 { margin-left:391px; margin-top:155px;}

/*--联系我们--*/
.lxwms { padding-top:46px; padding-bottom:36px; overflow:hidden;}
.lxwms .left { float:left; width:70%;}
.lxwms .left strong { font-size:28px; color:#783f20; display:block;}
.lxwms .left span { font-size:14px; color:#bdbdbd; display:block; padding-bottom:38px; padding-top:5px;}
.lxwms .left p { font-size:16px; color:#333333; margin-bottom:10px; padding-left:29px;}
.lxtb1 { background:url(../images/lxtb1.png) no-repeat left;}
.lxtb2 { background:url(../images/lxtb2.png) no-repeat left;}
.lxtb3 { background:url(../images/lxtb3.png) no-repeat left;}
.lxwms .right { float:right; color:#333333; text-align:center; width:121px; line-height:35px; padding-top:48px;}
.lxwmmap { width:100%;padding-bottom:65px;}
.lxwmmap .BMapLabel { border:none !important;}

.youqing { padding-left:252px; padding-top:10px;}